@import url("basic.css");
@import url("basic-stats.css");
.archive .dcm_wrap-sidebar {
  width:10px;
  margin:0 0 0 -10px;
  word-wrap:break-word;
  overflow:hidden;
}
.archive .dcm_wrap-outer {
  overflow:hidden;
  position:relative;
  background-image:url(../image/bg-body.jpg);
  background-color:#161616;
  width:100%;
  min-height:100%;
  box-shadow:0 0 2px rgba(0,0,0,0.4);
}
.archive .dcm_wrap-outer1 {
  overflow:hidden;
  position:relative;
  background:url(../image/shadow.png);
  background:-moz-radial-gradient(center center,circle cover,hsla(0,0%,0%,.0) 0%,hsla(0,0%,3%,9) 100%)no-repeat;
  background:-webkit-gradient(radial,center center,0,center center,800,from(hsla(0,0%,0%,.0)),to(hsla(0,0%,3%,9)) );
  background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
  background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
  background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=1 );
  width:100%;
  min-height:100%;
}
.archive .dcm_wrap-content {
  max-width:1024px;
  min-height:550px !important;
  width:1000px;
  text-align:left;
  margin:10px auto;
  padding-top:70px;
}
.archive .dcm_post-content {
  height:100%;
  padding:0;
}
.archive .dcm_nav {
  font-size:15px;
  font-family:"Gnuolane_Regular","Gnuolane Regular",Gnuolane,"Times New Roman",Times,Serif;
  text-transform:uppercase;
  width:100%;
  height:50px;
  line-height:50px;
  z-index:20;
  position:relative;
  background-color:#111211;
  background-image:url('../image/pattern.png');
  background-repeat:repeat;
  border-bottom:1px solid #22231F;
  -webkit-box-shadow:0 -1px 3px rgba(0,0,0,0.9),0px 2px 6px rgba(0,0,0,0.9),0px 1px 0 rgba(255,255,255,0.2) inset;
  -moz-box-shadow:0 -1px 3px rgba(0,0,0,0.9),0px 2px 6px rgba(0,0,0,0.9),0px 1px 0 rgba(255,255,255,0.2) inset;
  box-shadow:0 -1px 3px rgba(0,0,0,0.9),0px 2px 6px rgba(0,0,0,0.9),0px 1px 0 rgba(255,255,255,0.2) inset;
}
.archive .dcm_breadcrumb {
  position:relative;
  color:#999;
  margin:4px 0 0 9px;
  height:30px;
  line-height:30px;
  padding:0 80px 0 10px;
  font-family:"Gnuolane_Regular","Gnuolane Regular",Gnuolane,"Times New Roman",Times,Serif;
  font-size:15px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-border-radius:0 0 0 15px;
  -moz-border-radius:0 0 0 15px;
  border-radius:0 0 0 15px;
  border-bottom:1px solid #22231F;
  background-color:#111211;
  background-image:url('../image/pattern.png');
  background-repeat:repeat;
}
.archive .dcm_form-search {
  margin:0;
  position:absolute;
  top:0;
  right:0;
  font:normal normal 15px/15px"Gnuolane_Regular","Gnuolane Regular",Gnuolane,"Times New Roman",Times,Serif;
  width:245px;
  height:52px;
  z-index:22;
}
.archive .dcm_wrap-footer {
  background-color:#0e0e0e;
  background-image:url(../image/pattern.png);
  background-repeat:repeat;
  -webkit-box-shadow:0 1px 2px hsla(0,0%,0%,.9),0 -2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2);
  -moz-box-shadow:0 1px 2px hsla(0,0%,0%,.9),0 -2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2);
  box-shadow:0 1px 2px hsla(0,0%,0%,.9),0 -2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2);
  padding:0 0 10px;
}
.archive .dcm_wrap-credits {
  border-bottom:1px solid #242424;
  background-image:url(../image/top-arrow.png);
  background-repeat:repeat-x;
  background-position:top center;
  background-color:#171717;
  margin-bottom:10px;
  padding:13px 10px 10px;
  font-size:11px;
  line-height:16px;
}
.archive .dcm_wrap-credits a {font-weight:bold;}
.archive .dcm_wrap-footer .co,.archive .dcm_wrap-footer .po {
  font-family:"Gnuolane_Regular","Gnuolane Regular",Gnuolane,"Times New Roman",Times,Serif;
  font-size:15px;
  padding:0 20px;
}
hr,.hr {
  border:#222 solid 0;
  border-top:1px solid #040404;
  box-shadow:0 1px 2px #222;
  border-bottom:1px solid #222;
  clear:both;
  height:0;
  margin:0;
}
figure {
  border:0 solid rgba(0,0,0,0.06);
  text-align:left;
}
h3 {
  font-size:22px;
  font-weight:normal !important;
  font-family:'roboto',Helvetica,Arial,sans-serif;
  margin:0;
  padding:0;
}
article.blog-search {
  -moz-border-radius:3px;
  border-radius:3px;
  width:950px;
  position:relative;
  margin:4px auto !important;
  display:block;
  background-color:rgba(20,20,20,0.5);
  background-image:url(../image/bg-y.jpg);
  background-repeat:repeat;
  color:#454545;
  border:1px solid #151515;
  border-top-color:#1e1e1e;
  border-bottom-color:#191919;
  -webkit-box-shadow:0 4px 3px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4)inset;
  -moz-box-shadow:0 4px 3px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4)inset;
  box-shadow:0 4px 3px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4)inset;
}
article.blog-search:hover {
  color:transparent;
  text-shadow:0 0 7px #404448;
}
article.blog-search:active {
  color:#C6EB04;
  text-shadow:0 0 10px #C6EB04;
}
article.blog-search:before,.webResult:before {
  content:'';
  height:40px;
  width:40px;
  position:absolute;
  right:5px;
  top:3px;
  background-image:url(../image/icon-logos.png);
  background-position:top center;
  background-repeat:no-repeat;
}
article.blog-search .post-meta1 {
  width:200px;
  margin:0 24px 0 0;
  float:left;
  padding:3px;
  border-right:1px solid #1e1e1e;
  box-shadow:2px 0 0 0 rgba(0,0,0,0.50);
  -webkit-box-shadow:2px 0 0 0 rgba(0,0,0,0.50);
  background-color:rgba(50,50,50,0.05);
}
article.blog-search .post-meta1 span {
  font-size:9px;
  line-height:11px;
  display:block;
  text-transform:uppercase;
  height:14px;
  color:#353535;
  text-shadow:0 1px 0 rgba(0,0,0,0.1);
}
article.blog-search .post-meta1 span.author {
  background:url(../image/smile-icon.png) no-repeat left center;
  padding:3px 0 2px 20px;
}
article.blog-search .post-meta1 span.date-header {
  background:url(../image/time-icon.png) no-repeat left center;
  padding:4px 0 0 20px;
}
article.blog-search li.title-post {
  list-style-type:square;
  font:30px/50px arial,sans-serif;
  color:#222;
}
article.blog-search .title-post h3 a {
  display:block;
  color:#40413E;
  line-height:40px;
  font-size:26px;
  font-weight:300;
  text-shadow:0 -1px 1px hsla(1,1%,1%,.9);
  text-transform:uppercase;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}
article.blog-search .title-post h3 a:hover {
  color:transparent;
  text-shadow:0 0 9px #404448;
}
article.blog-search .title-post h3 a:active {
  text-decoration:line-through;
  color:#C6EB04;
  text-shadow:0 0 10px #C6EB04,0 0 20px #C6EB04,0 1px 3px #eee,rgba(0,0,100,0.7) 0 7px 12px;
}
article.blog-search .title-post h3 a:first-letter {
  text-transform:uppercase;
  padding:0 1px 0 0;
  color:#323231;
}
article.blog-search .title-post h3 a:hover:first-letter {
  color:#C6EB04;
  text-shadow:0 0 10px #C6EB04,0 0 20px #C6EB04,0 1px 3px #eee,rgba(0,0,100,0.7) 0 7px 12px;
}
#archive-flat {
  float:left;
  margin:0 0 0 25px;
  width:100%;
  min-height:300px;
  overflow:hidden;
  position:relative;
  color:#333;
  display:none;
}
#archive-flat .link-inline {
  background:-moz-linear-gradient(-45deg,rgba(0,0,0,0.2) 0%,rgba(239,239,239,0.11) 49%,rgba(0,0,0,0.11) 50%,rgba(0,0,0,0) 100%);
  background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(0,0,0,0.2)),color-stop(49%,rgba(239,239,239,0.11)),color-stop(50%,rgba(0,0,0,0.11)),color-stop(100%,rgba(0,0,0,0)));
  background:-webkit-linear-gradient(-45deg,rgba(0,0,0,0.2) 0%,rgba(239,239,239,0.11) 49%,rgba(0,0,0,0.11) 50%,rgba(0,0,0,0) 100%);
  background:-o-linear-gradient(-45deg,rgba(0,0,0,0.2) 0%,rgba(239,239,239,0.11) 49%,rgba(0,0,0,0.11) 50%,rgba(0,0,0,0) 100%);
  background:-ms-linear-gradient(-45deg,rgba(0,0,0,0.2) 0%,rgba(239,239,239,0.11) 49%,rgba(0,0,0,0.11) 50%,rgba(0,0,0,0) 100%);
  background:linear-gradient(135deg,rgba(0,0,0,0.2) 0%,rgba(239,239,239,0.11) 49%,rgba(0,0,0,0.11) 50%,rgba(0,0,0,0) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000',endColorstr='#00000000',GradientType=1 );
  z-index:200;
  position:absolute;
  width:158px;
  height:158px;
  text-align:center;
  float:left;
  font:bold 12px/12px arial,sans Serif;
  color:#444;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}
#archive-flat .link-inline:hover {opacity:0.8;}
#archive-flat .item {
  float:left;
  background-color:#222;
  background-image:url(../image/bg-y.jpg);
  background-repeat:repeat;
  border:1px solid #151515;
  border-top-color:rgba(255,255,255,0.06);
  border-bottom-color:rgba(255,255,255,0.03);
  -webkit-transition:all .15s ease-in-out;
  -webkit-transform-origin:50% 1px;
  -webkit-box-shadow:0 2px 5px rgba(0,0,0,.9),0 3px 16px rgba(0,0,0,.9)inset;
  -moz-box-shadow:0 2px 5px rgba(0,0,0,.9),0 3px 16px rgba(0,0,0,.9)inset;
  box-shadow:0 2px 5px rgba(0,0,0,.9),0 3px 16px rgba(0,0,0,.9)inset;
  padding:11px;
  position:relative;
  width:158px;
  height:auto;
  margin:0 14px 14px 0;
  display:inline;
}
#archive-flat .item:after {
  content:"";
  position:absolute;
  height:1px;
  width:100%;
  background:white;
  background:-moz-linear-gradient(left,#151515,#464647 5%,#ccc 20%,#333 70%);
  background:-ms-linear-gradient(left,#151515,#464647 5%,#ccc 20%,#333 70%);
  background:-o-linear-gradient(left,#151515,#464647 5%,#ccc 20%,#333 70%);
  background:-webkit-gradient(linear,0 0,100% 0,from(#151515),color-stop(0.05,#464647),color-stop(0.2,#ccc),color-stop(0.7,#333));
  background:-webkit-linear-gradient(left,#151515,#464647 5%,#ccc 20%,#333 70%);
  background:linear-gradient(left,#151515,#464647 5%,#ccc 20%,#333 70%);
  top:0;
  left:0;
}
#archive-flat .item:before {
  content:"";
  position:absolute;
  width:22px;
  height:1px;
  background:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(255,255,255,0.7),rgba(0,0,0,0));
  background:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(255,255,255,0.7),rgba(0,0,0,0));
  background:-o-linear-gradient(left,rgba(0,0,0,0),rgba(255,255,255,0.7),rgba(0,0,0,0));
  background:-webkit-gradient(linear,0 0,100% 0,from(rgba(0,0,0,0)),color-stop(0.5,rgba(255,255,255,0.7)),to(rgba(0,0,0,0)));
  background:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(255,255,255,0.7),rgba(0,0,0,0));
  background:linear-gradient(left,rgba(0,0,0,0),rgba(255,255,255,0.7),rgba(0,0,0,0));
  box-shadow:0 0 10px #fff;
  top:0;
  left:12%;
}
#archive-flat .toc-tabs {
  width:100%;
  margin:0 0 25px 0;
  float:left;
  display:block;
  clear:both;
}
#archive-flat .toc-tabs li {
  float:left;
  position:relative;
  z-index:9999;
  float:left;
  list-style:none;
  display:inline-block;
}
#archive-flat .toc-tabs li a {
  position:relative;
  background:#141414;
  background:-moz-linear-gradient(top,#141414 0%,#0f0f0f 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#141414),color-stop(100%,#0f0f0f));
  background:-webkit-linear-gradient(top,#141414 0%,#0f0f0f 100%);
  background:-o-linear-gradient(top,#141414 0%,#0f0f0f 100%);
  background:-ms-linear-gradient(top,#141414 0%,#0f0f0f 100%);
  background:linear-gradient(to bottom,#141414 0%,#0f0f0f 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414',endColorstr='#0f0f0f',GradientType=0 );
  border-top:1px solid #282828;
  border-bottom:1px solid #151515;
  box-shadow:0 1px 1px #000;
  -webkit-box-shadow:0 1px 1px #000;
  border-radius:3px;
  margin:0 2px 2px 0;
  float:left;
  font-size:11px;
  color:#444;
  text-shadow:0 1px 1px #000;
}
#archive-flat .toc-tabs li a {padding:6px 40px 6px 21px;}
#archive-flat .toc-tabs li a:hover {opacity:1;}
#archive-flat .toc-tabs li a:before,.top-archive .ntok:before,.top-archive .ntek:before {
  content:"";
  float:left;
  opacity:0.8;
  display:inline-block;
  width:20px;
  height:20px;
  background-image:url(http://4.bp.blogspot.com/-OP_xzrWIQmw/UZ6Q5PNmSlI/AAAAAAAAFQM/lk1jowuRgf4/s310/sprites-x-2.png);
  background-repeat:no-repeat;
  background-color:#222;
  border:1px solid #333;
  margin:0 0 0 7px;
  border-radius:40px;
  -webkit-border-radius:40px;
  display:inline-block;
  box-shadow:inset 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow:0 1px 1px #000;
  color:#444;
}
#archive-flat .toc-tabs li a:before {
  position:absolute;
  z-index:1;
  top:5px!Important;
  right:7px!Important;
}
#archive-flat .toc-tabs li {display:none;}
#archive-flat .toc-tabs li.blogazine,#archive-flat .toc-tabs li.celotehan,#archive-flat .toc-tabs li.cerita,#archive-flat .toc-tabs li.css3,#archive-flat .toc-tabs li.dokumentasi,#archive-flat .toc-tabs li.poster,#archive-flat .toc-tabs li.sejarah,#archive-flat .toc-tabs li.template,#archive-flat .toc-tabs li.Thypografi,#archive-flat .toc-tabs li.Snippet,#archive-flat .toc-tabs li.JavaScript,#archive-flat .toc-tabs li.JQuery,#archive-flat .toc-tabs li.UI,#archive-flat .toc-tabs li.lain,#archive-flat .toc-tabs li.Lanjut,#archive-flat .toc-tabs li.widget {display:block!Important;}
#archive-flat .toc-tabs li.blogazine a:before {background-position:-179px 4px;}
#archive-flat .toc-tabs li.celotehan a:before {background-position:-202px 4px;}
#archive-flat .toc-tabs li.cerita a:before {background-position:-225px 4px;}
#archive-flat .toc-tabs li.css3 a:before {background-position:4px -18px;}
#archive-flat .toc-tabs li.dokumentasi a:before {background-position:-271px 4px;}
#archive-flat .toc-tabs li.poster a:before {background-position:-19px 4px;}
#archive-flat .toc-tabs li.sejarah a:before {background-position:-157px 4px;}
#archive-flat .toc-tabs li.template a:before {background-position:-272px 4px;}
#archive-flat .toc-tabs li.Thypografi a:before {background-position:-248px 4px;}
#archive-flat .toc-tabs li.widget a:before {background-position:-56px -28px;}
#archive-flat .toc-tabs li.Snippet a:before {background-position:-225px 4px;}
#archive-flat .toc-tabs li.JavaScript a:before {background-position:-19px 4px;}
#archive-flat .toc-tabs li.JQuery a:before {background-position:-56px -28px;}
#archive-flat .toc-tabs li.UI a:before {background-position:4px -18px;}
#archive-flat .toc-tabs li.lain a:before {background-position:-179px 4px;}
#archive-flat .toc-tabs li.Lanjut a:before {background-position:-157px 4px;}
#archive-flat .bottom {
  display:block;
  margin:10px 0 4px 2px;
  font-size:10px;
  color:#444!Important;
}
#archive-flat .bottom:before {
  content:"";
  background:url(http://1.bp.blogspot.com/-tNDFwcfW2rY/UZ55MlQdozI/AAAAAAAAFOs/V6dmiocAS28/s30/icon-logos.png)no-repeat top center;
  width:30px;
  height:30px;
  z-index:100;
  position:absolute;
  bottom:10px;
  right:10px;
}
#archive-flat .bottom li {
  list-style:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.top-archive {
  margin:0 17px 0 0;
  float:right;
}
.top-archive li a {
  opacity:0.55;
  margin:0 22px 0 0;
}
.top-archive li a:hover {opacity:0.8;}
.top-archive li a.active {
  opacity:1;
  color:#999;
}
.top-archive li span {margin:10px 70px 0 0;}
.top-archive li {
  float:right;
  list-style:none;
  margin:0 2px 10px -1px;
  line-height:10px;
  padding:10px 0 10px 13px;
}
.top-archive .ntek,.top-archive .ntok {
  position:relative;
  display:block;
  clear:both;
  font:10px/21px open sans,arial,sans serif;
  z-index:100;
  border-radius:2px;
}
.top-archive .ntok:before {
  background-position:-19px -19px;
  margin:0 6px 0 0;
}
.top-archive .ntek:before {
  background-position:-87px -17px;
  margin:0 6px 0 0;
}
.label-archive {
  margin:0 0 30px 25px;
  width:960px;
  float:left;
}
.label-archive .tanggal {
  position:relative;
  z-index:9999;
  float:left;
  list-style:none;
  margin:0 2px 3px 0;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  color:#434d12;
  background:#141414;
  background:-moz-linear-gradient(top,#141414 0%,#0f0f0f 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#141414),color-stop(100%,#0f0f0f));
  background:-webkit-linear-gradient(top,#141414 0%,#0f0f0f 100%);
  background:-o-linear-gradient(top,#141414 0%,#0f0f0f 100%);
  background:-ms-linear-gradient(top,#141414 0%,#0f0f0f 100%);
  background:linear-gradient(to bottom,#141414 0%,#0f0f0f 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414',endColorstr='#0f0f0f',GradientType=0 );
  border-top:1px solid #252525;
  border-bottom:1px solid #151515;
  box-shadow:0 1px 1px #000;
  -webkit-box-shadow:0 1px 1px #000;
  width:67px;
  padding:7px 2px 7px 16px;
  font-size:10px;
}
.tanggal:hover {text-decoration:underline;}
.tanggal .count {
  text-align:center;
  background-color:#222;
  border:1px solid #333;
  font:10px/20px arial,sans serif;
  margin:0 0 0 7px;
  border-radius:40px;
  -webkit-border-radius:40px;
  width:20px;
  height:20px;
  display:inline-block;
  box-shadow:inset 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow:0 1px 1px #000;
  color:#444;
}
